@import "./../modules/common";

body,html{
  width:100%;
  height:100%;
  box-sizing: border-box;
  background: #f5f5f5;

  .wrap{
    .page-header{
      margin-bottom:20px;
    }
    .content{
      width:100%;
      height:754px;
      background: #ffffff;
      box-shadow: 0px 3px 7px 0px
      rgba(0, 0, 0, 0.05);
      h1{
        font-family: MicrosoftYaHei;
        font-size: 19px;
        font-weight: normal;
        color: #2a3137;
        //margin:0 0 22px 19px;
        margin:0px 0 22px 19px;
        padding-top:20px;
      }
      .form{
        margin:0 0 20px 34px;
        label{
          width:86px;
          text-align: center;
        }
        input,select{
          width: 160px;
          height: 30px;
          border-radius: 5px;
          text-indent: 1em;
          border: solid 1px #d0d0d0;
        }
        select{
          appearance:none;

          -moz-appearance:none;

          -webkit-appearance:none;

          background: url("../../../images/dateArrow.png") no-repeat scroll 14px center transparent;

          padding-left: 20px;
        }
        button.search {
          //width: 100px;
          //height: 30px;
          //color:#ffffff;
          //margin-left:20px;
          //border-radius: 5px;
          //padding-left:20px;
          background:#35acfd url('../../../../assets/images/search.png') no-repeat 19px center;

        }

      }
      #tablepart{
        //width:100%;
        //padding:0 25px 0 25px;
        #example{
          //width:100%;
        }
        input[type="checkbox"] {
          margin: 3px 3px 0px 5px;
          display: none;
        }
        label {
          cursor: pointer;
          width:25px;
          height:25px;
          margin-top:10px;
          background: url(../../../images/checkbox.png) no-repeat left center;
        }
        .checkboxLabelClass {
          cursor: pointer;
          width:25px;
          height:25px;
          margin-top:10px;
          background: url(../../../images/checkbox.png) no-repeat left center;
        }
        .checkboxSelected{
          cursor: pointer;
          width:25px;
          height:25px;
          margin-top:10px;
          background: url(../../../images/checkboxed.png) no-repeat left center;
        }
        input[type="checkbox"]:checked + label {
          background: url(../../../images/checkboxed.png) no-repeat left center;
        }

        #delete_butt,#update_butt,#add_butt,#rent_butt,#back_butt{
          width: 100px;
          height: 30px;
          background: $primaryColor;
          border-radius: 5px;
          color:#ffffff;
          margin-right:20px;
        }
        .row{
          .pageNow{
            display: none;
          }
          #mytool{
            margin:0 0 20px 25px;
          }
        }

        #example tbody tr {
          height: 46px;
          text-align: center;
          border-bottom: #e6e6e6 solid 1px;
          td{
            color: #333333;
            a{
             color:#333333;
              &:hover,&:link{
                color:$primaryColor;
              }
            }
          }
        }
        table.datatable thead tr>th{
          font-family: MicrosoftYaHei;
          font-size: 16px;
          font-weight: normal;
          line-height: 30px;
          color: #666;
          text-align: center;
        }
        .pageNum{
          margin:30px auto 0px auto;
        }
        .pagination>li>a>i{
          color: transparent;
          display: block;
          width:24px;
          height:24px;
          background: url(../../../images/next.png) no-repeat 0 0;
        }
        .pagination>.previous>a>b{
          display: block;
          width:24px;
          height:24px;
          color: transparent;
          background: url(../../../images/prev.png) no-repeat 0 0;
        }
        .pagination>.disabled>a>b{
          display: block;
          width:24px;
          height:24px;
          color: transparent;
          background: url(../../../images/prevDisabled.png) no-repeat 0 0;
        }
        .pagination>.disabled>a>i{
          display: block;
          width:24px;
          height:24px;
          color: transparent;
          background: url(../../../images/nextDisabled.png) no-repeat 0 0;
        }
        .pagination>li>a, .pagination>li>span{
          border:none;
          color:#333333;
        }


        .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
          color: $primaryColor;
          cursor: default;
          background-color: #ffffff;
          border: none;
        }
      }

    }
  }
  #serviceLocation .content #tablepart .row #mytool{
    margin:0 0 20px 134px;
    text-align: right;
  }
}